﻿@using Model.WXshopBuiness
@using Model.WXshopBuiness.DTO
@using Xproject.Util
@{
    Layout = null;
    Layout = "~/Views/Shared/_JSWeiXinPay.cshtml";
    string Domain = CommonHelper.GetAppSettings("Domin");        
}
@model WeiXinOrder
 
    <title>支付订单</title>

    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <link href="~/Content/css/shop/home.css" rel="stylesheet" />
  

    <link href="http://at.alicdn.com/t/font_ksh3rq15ya4f5hfr.css" rel="stylesheet" type="text/css" />

 

    <!--top-->
    <div class="top_c">
        <a href="~/Order/MyOrders?type=all" class="iconfont icon-jiantou-copy-copy"></a>
        <p class="titi">支付订单</p>
    </div>

    <div class="deta" style="margin-top:4em">
        <span class="pei" style="background-color: white;padding-left: 5px;">订单名<br/> @(Model.OrderName)</span>
        <span class="pei" style="background-color: white; padding-left: 5px;">应付 <i style="color: red;font-size: 20px;font-weight:800;padding-right: 5px;">￥@((Model.NeedToPay).ToString("#0.00"))</i></span>
    </div>

    <div class="cong">
        <p>选择支付方式</p>
        <div class="zhi">
            <div class="container">
                <div class="row">
                    <div class="col-lg-2 col-xs-2" style="border-bottom-color:#ff0000;">
                        <span class="iconfont icon-weixin" style="color:lawngreen"></span>
                    </div>
                    <div class="col-lg-10 col-xs-10">
                        <span>微信支付</span>
                        <a href="#" class="zhong">
                            <span class="iconfont icon-weixuanzhong"></span>
                            <span class="iconfont icon-xuanzhong"></span>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-2 col-xs-2" style="border-bottom-color:#ff0000;">
                        <span class="iconfont icon-zhifubao"></span>
                    </div>
                    <div class="col-lg-10 col-xs-10">
                        <span>支付宝支付</span>
                        <span class="zhong">
                            暂未开通
                        </span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-2 col-xs-2" style="border-bottom-color:#ff0000;">
                        <span class="iconfont icon-qianbao-" style="color:lawngreen"></span>
                    </div>
                    <div class="col-lg-10 col-xs-10">
                        <span>余额支付</span>
                        <span class="zhong">
                            暂未开通
                        </span>
                    </div>
                </div>

            </div>
        </div>
        <div class="container">
            <a href="#" class="deng" style="margin-top:3em;" onclick="weixinpay();">立即支付</a>
        </div>
    </div>

    <script src="~/Scripts/shop/jquery.min.js" type="text/javascript"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/shop/index.js"></script>


    <script type="text/javascript">
    function weixinpay() {
        try {
            var data = '@Html.Raw(ViewBag.wxJsApiParam)';
            data = eval("("+data+")");
            if (data != null) {
                var appId = data.appId;
                var timeStamp = data.timeStamp;
                var nonceStr = data.nonceStr;
                var signature = data.signature;
                var spackage = data.package;
                var paySign = data.paySign;
                wx.config({
                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId: appId, // 必填，公众号的唯一标识
                    timestamp: timeStamp, // 必填，生成签名的时间戳
                    nonceStr: nonceStr, // 必填，生成签名的随机串
                    signature: signature, // 必填，签名，见附录1
                    jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                });
                wx.ready(function () {
                    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
                    wx.chooseWXPay({
                        timestamp: timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
                        nonceStr: nonceStr, // 支付签名随机串，不长于 32 位
                        package: spackage, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
                        signType: "MD5", // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
                        paySign: paySign, // 支付签名
                        complete: function (res) {
                            if (res.errMsg == "chooseWXPay:ok") {
                                //finishorder();// 支付成功后的回调函数
                                window.location = "@(Domain)" + "/Order/MyOrders?type=5" ;
                            }
                        }
                    });
                });
            }
        }
        catch (err) {
            alert(err);
        }
    }
    </script>

 